<h1><i class="icon-adjust"></i> Skins</h1>


<hr />


<h3>Pre-made Skins</h3>

<p>To enable a pre-made skin, open the application.less file located in /less directory. Uncomment the skin that you would like to use.</p>


<h4>Skins</h4>

<table class="table">
	
	<thead>
		
		<tr>
			<th>Name</th>
			<th>File</th>
		</tr>
		
	</thead>
	
	<tbody>
		<tr>
			<td>Black & Orange</td>
			<td>/css/application-black-orange.css</td>
		</tr>
		<tr>
			<td>Ocean Breeze</td>
			<td>/css/application-ocean-breeze.css</td>
		</tr>
		<tr>
			<td>Island Escape</td>
			<td>/css/application-island-escape.css</td>
		</tr>
		<tr>
			<td>Mean Green</td>
			<td>/css/application-mean-green.css</td>
		</tr>
		<tr>
			<td>Fire Starter</td>
			<td>/css/application-fire-starter.css</td>
		</tr>
		<tr>
			<td>Combo 416</td>
			<td>/css/application-combo-416.css</td>
		</tr>
		<tr>
			<td>Headache</td>
			<td>/css/application-headache.css</td>
		</tr>
	</tbody>
	
</table>


<hr />


<h3>Chart Colors</h3>

<p>You can modify the chart colors by opening the <code>/js/Theme.js</code> file and modifying the chartColors variable.</p>


<pre>var chartColors = ["#FF9900", "#222222", "#555555", "#888888"];</pre>

<h4>Color Arrays</h4>

<p>To enable a color, navigate to Theme.js in the /js directory and comment the chartColors varialble you would like to use. Make sure to comment all other out.</p>

<table class="table">
	
	<thead>
		
		<tr>
			<th>Name</th>
			<th>Array</th>
		</tr>
		
	</thead>
	
	<tbody>
		<tr>
			<td>Black & Orange</td>
			<td>["#FF9900", "#333", "#777", "#BBB", "#555", "#999", "#CCC"]</td>
		</tr>
		<tr>
			<td>Ocean Breeze</td>
			<td>['#2B4E72', '#94BA65', '#2790B0', '#777','#555','#999','#bbb','#ccc','#eee']</td>
		</tr>
		<tr>
			<td>Island Escape</td>
			<td>['#3A89C9', '#F2785E', '#9CC4E4', '#777','#555','#999','#bbb','#ccc','#eee']</td>
		</tr>
		<tr>
			<td>Mean Green</td>
			<td>['#5F9B43', '#DB7D1F', '#BA4139', '#777','#555','#999','#bbb','#ccc','#eee']</td>
		</tr>
		<tr>
			<td>Fire Starter</td>
			<td>['#750000', '#F90', '#777', '#555','#002646','#999','#bbb','#ccc','#eee']</td>
		</tr>
		<tr>
			<td>Combo 416</td>
			<td>['#0A224E', '#BF381A', '#E07628', '#E9AF32','#A0D8F1','#999','#bbb','#ccc','#eee']</td>
		</tr>
		<tr>
			<td>Headache</td>
			<td>['#655643', '#80BCA3', '#BF4D28', '#E6AC27','#555','#999','#bbb','#ccc','#eee']</td>
		</tr>
	</tbody>
	
</table>

